<script setup lang="ts">
// 创建虚拟DOM 并挂载到真实DOM上
import { createVNode, h, onMounted, render } from 'vue'
// createVNode() = h()
const son1 = h('span', {}, 'span标签')
const son2 = h('span', {}, 'span标签2')
const vNode = h('h1', { class: 'box' }, [son1, son2])
// createVNode() 或 h()
// 三个参数 1.虚拟dom节点类型 2. 虚拟dom节点属性 3.虚拟dom节点内容
onMounted(() => {
  render(vNode, document.querySelector('.box')!)
})
</script>

<template>
  <div class="box"></div>
</template>

<style scoped></style>
